<el-dialog title="物品详细信息" v-model="detailFormDialog">


<el-form ref="detailForm"  :model="detailForm" :label-width="dialogLabelWidth">
    

    <el-tabs  type="card" >
      <el-tab-pane label="物品信息" name="first">
        <el-row>
          <el-col :span="12">
            <el-form-item label="物品名字：" prop="name">
              <span>
                {{ showDetailList.name }}
              </span>
            </el-form-item>
          </el-col>
           <el-col :span="12">
            <el-form-item label="所属分类：" prop="kinds">
                <span>
                  <template >
                    {{ getType(showDetailList.kinds, 'kindsList') }}
                  </template>
                </span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="单位：" prop="unit">
              <span>
                {{ showDetailList.unit }}
              </span>
            </el-form-item>
          </el-col>
           <el-col :span="12">
            <el-form-item label="规格：" prop="specification">
              <span>
                {{ showDetailList.specification }}
              </span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
           <el-col :span="12">
            <el-form-item label="属性：" prop="property">
                <span>
                  <template >
                    {{ getType(showDetailList.property, 'kindsList') }}
                  </template>
                </span>
            </el-form-item>
          </el-col>
        </el-row>
     </el-tab-pane>
    </el-tabs>


  
    
  </el-form>

  <div slot="footer" class="dialog-footer">
    <el-button type="primary" @click="closeDialog('detail')">确 定</el-button>
  </div>
</el-dialog>
<script type="text/javascript">
</script>

